<template>

    <viw style="height: 90vh;">
        <scroll-view style="white-space: nowrap;height: 500rpx;" scroll-y="true"   >
        <view id="demo1" class="aa">A</view>
        <view id="demo2" class="aa">B</view>
        <view id="demo3" class="aa">C</view>
        <view id="demo3" class="aa">C</view>
        <view id="demo3" class="aa">C</view>
        <view id="demo3" class="aa">C</view>
        <view id="demo3" class="aa">C</view>
        <view id="demo3" class="aa">C</view>
    </scroll-view>
    </viw>

</template>
<style scoped >
.aa {

    background-color: aqua;
    width: 100%;
    height: 200rpx;
}
</style>